<template>
  <div class="heard">
    <!-- 左边箭头 -->
    <div class="left">
      <!-- <van-icon name="arrow-left" /> -->
      <span v-show="isShow" @click="$emit('back')">&lt;</span>
    </div>
    <!-- 中间标题 -->
    <div class="center">
      <slot name="center">我是标题</slot>
    </div>
    <!-- 右边搜索 -->
    <div class="right">
      <slot name="right"></slot>
      <!-- <slot name="right">🔍</slot> -->
    </div>
  </div>
</template>

<script>
export default {
  name: "HmHeard",
  // data() {
  //   return {
  //     isShow: false,
  //   };
  // },
  props: {
    isShow: {
      type: Boolean,
      default: false,
    },
  },
};
</script>

<style scoped lang="less">
.heard {
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  border-bottom: 0.5px solid #cccccc72;
}
</style>
